<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>tq htmleditor demo</title>
        <script src="../TQEditor.js?skin=fire" type="text/javascript"></script>
    </head>

    <body>
        <!--#include file="_nav.htm" -->
        <script src="demo.js" type="text/javascript"></script>
        切换皮肤: <a href="javascript:tqEditor.loadSkin('default')">默认</a> | <a href="javascript:tqEditor.loadSkin('red')">red</a> | <a href="javascript:tqEditor.loadSkin('silver')">silver</a> | <a href="javascript:tqEditor.loadSkin('green')">green</a> | <a href="javascript:tqEditor.loadSkin('blue')">blue</a> | <a href="javascript:tqEditor.loadSkin('yellow')">yellow</a> | <a href="javascript:tqEditor.loadSkin('pink')">pink</a> | <a href="javascript:tqEditor.loadSkin('fire')">fire</a>
        <br>
        <strong>注意:同一页面只允许一个皮肤</strong><br>
        <textarea id="e1" rows="12" cols="100" >{bgColor:'black', textColor:'white'}</textarea>
        <script type="text/javascript" defer="true">
            new tqEditor('e1', {toolbar: 'full', imageUploadUrl: './upload.php', flashUploadUrl: './upload.php', flvUploadUrl: './upload.php', videoUploadUrl: './upload.php', musicUploadUrl: './upload.php', rmUploadUrl: './upload.php', linkUploadUrl: './upload.php'});
        </script>
        <br>
        <br> 
        <br>
        有3种方法载入皮肤 <br>
        一:同时加载皮肤 .在加载TQEditor.js网址附加上?skin=皮肤, 如<br>
        &lt;script src=&quot;../TQEditor.js?skin=<span style="color: #F00; font-weight: bold;">皮肤</span>&quot; type=&quot;text/javascript&quot;&gt;&lt;/script&gt;<br>
        二:静态加载皮肤.在加载TQEditor.js<strong>后</strong>, 添加网页代码 <br>
        &lt;link href=&quot;../TQEditor.<span style="color: #F00; font-weight: bold;">皮肤</span>.css&quot; id=&quot;TQEditorSkinCSS&quot; rel=&quot;stylesheet&quot; type=&quot;text/css&quot;&gt;
        <br>
        三:
        动态加载皮肤. Js代码<br>
        tqEditor.loadSkin('<span style="color: #F00; font-weight: bold;">皮肤</span>') ;
        <p>自定义皮肤:</p>
        <ol>
            <li> 不修改图标时, 参看TQEditor.***.css, 修改相关的颜色代码即可.</li>
            <li>如要更改图标,请另存icon.gif副本并改名<br>
                然后TQEditor.***.css修改皮肤样式.eButton,.eButtonUp,.eButtonDown,.eButtonDropDown{background-image:url(<span style="color: #00F">图标文件</span>); }<br>
                如新图标的大小,位置已不同, 则需要重新定义#eBTN*****{位置,宽度等的样式定义}</li>
            <li>默认提供了几种常用皮肤</li>
        </ol>
    </body>
</html>